<template>
	<view>
		<web-view src="https://topapplication.cn/#/"></web-view>
	</view>
</template>

<script>
	import 'aliyun-webrtc-sdk'
	const aliWebrtc = new AliRtcEngine();
	export default{
		data(){
	    	return{
	  	  
			}
		},
			//生命周期函数
			onReady() {
				aliWebrtc.isSupport().then((res)=>{
				  console.log('[支持webrtc]');
				}).catch((error)=>{
					console.log('[不支持webrtc]');
				})
			},
			
			onLoad() {
				// console.log('[aliWebrtc]',aliWebrtc);
			},
			onShow() {},
			methods:{
					aliWebrtc() { //检测是否支持该浏览器
						let that = this
						aliWebrtc.isSupport()
							.then((res) => { //支持webrtc
								// that.joinChannel()
								console.log('[支持该浏览器]', res);
							}).catch((error) => { //不支持webrtc
								this.$tools.showToast('不支持该设备')
							})
					},
				
					joinChannel() {
						let t = this
						// console.log('[用户信息]',t.userInfo);
						let displayName = ''
						let nonce = Math.floor((Math.random() + Math.floor(Math.random() * 9 + 1)) * Math.pow(10, 10 - 1));
						var timestamp = (new Date()).getTime();
						// appkey='0f4930426ca1072d40e3d547095a5ecc'
						aliWebrtc.joinChannel({
							userid: '1', // 用户ID，只能由数字、字母、下划线组成
							channel: t.channel, // 频道
							appid: 'm5qatdpc', // 应用ID
							nonce: 'AK-1d01b56a-73e4-4d43-9ebe-914adff27328', // 随机码
							timestamp: timestamp, // 时间戳
							gslb: 'https://rgslb.rtc.aliyuncs.com', // gslb服务地址
							token: '046fb66272ce3af0d615a867649bf09a04cb5a9126dfba8d911bc732ba1551a1', // 令牌
						}, displayName).then((res) => {
							// 入会成功
							console.log('[成功]', res);
						}, (error) => {
							// 入会失败，打印错误内容，可以看到失败原因
							console.error(error.message);
						});
					},
					//推流 默认推摄像头和麦克风流
					publish() {
						aliWebrtc.publish().then(() => {}, (error) => {
							console.log(error.message);
						});
					},
					//离开频道
					leaveChannel() {
						aliWebrtc.leaveChannel().then(() => {}, (error) => {
					  console.log(error.message);
						});
					},
				
				
					aliWebrtc() { //本地预览
						var video = document.querySelector('video');
						console.log(video);
						aliWebrtc.startPreview(
							video // html中的video元素
						).then(() => {
							//预览成功
							console.log('[1]');
						}).catch((error) => {
							// 预览失败
						});
					},
				
				
			},
			computed:{},
			components:{},
			
	}
</script>

<style>

</style>
